<template>
  <div class="new_all">
    <new-head></new-head>
    <div class="product_img">
      <div class="product_img1">
        <img src="../../assets/xiaxia/xiaxia/imgs/8.jpg" alt="" />
      </div>
      <div class="product_img2">
        <img src="../../assets/xiaxia/xiaxia/imgs/9.jpg" alt="" />
      </div>
      <div class="product_img3">
        <img src="../../assets/xiaxia/xiaxia/imgs/10.jpg" alt="" />
      </div>

      <div class="product_img2">
        <img src="../../assets/xiaxia/xiaxia/imgs/11.gif" alt="" />
      </div>

      <div class="product_img4">
        <img src="../../assets/xiaxia/xiaxia/imgs/12.jpg" alt="" />
      </div>

      <div class="product_img5">
        <img src="../../assets/xiaxia/xiaxia/imgs/13.jpg" alt="" />
      </div>

      <div class="product_img6">
        <img src="../../assets/xiaxia/xiaxia/imgs/14.jpg" alt="" />
      </div>
    </div>

     <active-list></active-list>

      <div class="product_img2">
        <img src="../../assets/xiaxia/xiaxia/imgs/15.gif" alt="" />
      </div>

       <div class="product_img6">
        <img src="../../assets/xiaxia/xiaxia/imgs/16.jpg" alt="" />
      </div>
<active-list></active-list>
  </div>
</template>

<script>
import NewHead from "../.././views/xiaxia/components/NewPelple/NewHead.vue";
import ActiveList from "../.././views/xiaxia/components/Activites/ActiveList.vue";
export default {
  name: "NewpeopleAll",
  components: {
    NewHead, ActiveList,
  },
};
</script>

<style scoped>
.new_all {
  padding: 0.1rem 0;
  box-sizing: border-box;
  background-color: rgba(212, 242, 241);
}
.product_img {
  margin: 0.1rem 0.15rem;
}
.product_img1 {
  height: 1.75rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.product_img2 {
  height: 0.46rem;
  margin: 0.1rem 0;
  border-radius: 0.1rem;
  overflow: hidden;
}
.product_img3 {
  height: 1.56rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.product_img1 > img,
.product_img2 > img,
.product_img3 > img,
.product_img4 > img,
.product_img5 > img,
.product_img6 > img {
  width: 100%;
  height: 100%;
}

.product_img4 {
  height: 3.1rem;
}
.product_img5 {
  height: 1.29rem;
  margin: 0.1rem 0;
}
.product_img6 {
  height: 0.39rem;
}
</style>